@images: '../assets';
.middle_content {
  width: 850px;
  height: 946px;
  background-image: url('@{images}/cyl/middle_bg.png');
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
  box-sizing: border-box;
  padding: 4px 5px;
  .title_warp {
    width: 100%;
    height: 41px;
    background-size: 269px 41px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-image: url('@{images}/cyl/board_title_bg.png');
    margin-top: 8px;
    box-sizing: border-box;
    padding: 6px 0 7px 21px;
    margin-left: -15px;
    font-size: 20px;
    user-select: none;
  }
  .chain_view {
    width: 100%;
    height: 890px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    & > div {
      position: relative;
      .main_pic {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      .icon {
        position: absolute;
        display: flex;
        flex-direction: column;
        align-items: center;
        cursor: pointer;
      }
    }
  }
}
.right_content {
  width: 761px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  .data_board,
  .company_board,
  .report_board {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    padding: 4px 5px;
    .title_warp {
      width: 100%;
      height: 41px;
      background-size: 269px 41px;
      background-repeat: no-repeat;
      background-position: 0px 0px;
      background-image: url('@{images}/cyl/board_title_bg.png');
      margin-top: 8px;
      box-sizing: border-box;
      padding: 6px 0 7px 21px;
      margin-left: -15px;
      font-size: 20px;
      user-select: none;
    }
  }
  .data_board {
    background-image: url('@{images}/cyl/data_board_bg.png');
    height: 300px;
    .main_body {
      display: flex;
      & > div {
        flex: 1;
      }
    }
  }
  .company_board {
    background-image: url('@{images}/cyl/company_board_bg.png');
    height: 357px;
  }
  .report_board {
    background-image: url('@{images}/cyl/report_board_bg.png');
    height: 259px;
  }
}
